<%-- 
    Document   : aide
    Created on : 2012-04-24, 16:47:50
    Author     : Étienne
--%>

<%@page import="java.util.Locale"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    Locale currentLocale = Locale.FRENCH;
    ResourceBundle strings = ResourceBundle.getBundle("StringsBundle", currentLocale);
%>
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="CSS/styleGeneral.css" type="text/css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Aide en ligne</title>
        <script type="text/javascript" src="Scripts/jQuery.js"></script>
        <script type="text/javascript" src="Scripts/scriptsCommun.js"></script>
    </head>
    <body>
        <%@include file="header.jsp" %>
        <div id="corps">
            <div id="navigation">
                <ol class="nav">
                    <li><a id="hover" class="active" href="./Accueil"><%= strings.getString("NavigationAccueil") %></a></li>
                    <%if(utilisateur != null && utilisateur.getStatut().equals("administrateur")){%>
                        <li><a class="active" href="./GestionCompte"><%= strings.getString("NavigationCompte") %></a></li>
                        <li><a class="active" href="./GestionCours"><%= strings.getString("NavigationCours") %></a></li>
                    <%}%>
                    <li><a class="active" href="aide.jsp"><%=strings.getString("NavigationAide")%></a></li>
                </ol>
            </div>
            <div class="hoverMenu" id="sections">
                <ol>
                    <%for(int i = 0; i < sections.size(); i++){%>
                    <li>
                        <%= sections.get(i).getTitre().concat((sections.get(i).getSousSections().size() > 0)?"   >":"")  %>
                        <% if(sections.get(i).getSousSections().size() != 0){%>
                        <div class="hoverMenu">
                            <ol>
                                <%for(int j = 0; j < sections.get(i).getSousSections().size(); j++){%>
                                <li class="liSousSection" id="<%=j%>">
                                    <form id="formSousSection<%=j%>" action="./SousSection" method="get">
                                        <span>
                                            <%= sections.get(i).getSousSections().get(j).getTitre().concat((sections.get(i).getSousSections().get(j).getDiscussions().size() > 0)?"   >":"")  %>
                                            <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sections.get(i).getSousSections().get(j).getIdSousSection() %>"/>
                                        </span>
                                    </form>
                                    <%if(sections.get(i).getSousSections().get(j).getDiscussions().size() != 0){%>
                                    <div class="hoverMenu">
                                        <ol>
                                            <%for(int k = 0; k < sections.get(i).getSousSections().get(j).getDiscussions().size(); k++){%>
                                            <li class="liDiscussion" id="<%=k%>">
                                                <form id="formDiscussion<%=k%>" action="./Discussion" method="get">
                                                    <span>
                                                        <%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getTitre() %>
                                                        <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION %>" value="<%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getIdDiscussion() %>"/>
                                                    </span>
                                                </form>
                                            </li>
                                            <%}%>
                                        </ol>
                                    </div>
                                    <%}%>
                                </li>  
                                <%}%>
                            </ol>
                        </div>
                        <%}%>
                    </li>  
                    <%}%>
                </ol>
            </div>
            <div id="centre">
                <a name="haut"><h1><span id="titreAide">Aide en ligne</span></h1></a>
                <h2>Table des matières</h2>
                <a href="#entete">L’Entête</a>
                <ul>
                    <li><a href="#fondEcran">La sélection de fond d’écran</a></li>
                    <li><a href="#connexion">L’espace de connexion</a></li>
                    <li><a href="#navigation">La navigation</a></li>
                    <li><a href="#recherche">La recherche</a></li>
                </ul>
                
                <h2><a href="#accueil">La page d’accueil</a></h2>
                
                <h2><a href="#resultats">La page de résultats</a></h2>
                
                <h2><a href="#sousSection">La page de sous-section</a></h2>
                <ul>
                    <li><a href="#sousSectionCreation">Création de discussion (élève, professeur et administrateur)</a></li>
                    <li><a href="#sousSectionDelete">Suppression de discussions (administrateurs seulement)</a></li>
                    <li><a href="#sousSectionDeplace">Déplacement de discussions (administrateur seulement)</a></li>
                    <li><a href="#sousSectionVerrou">Verrouillage de discussions (administrateur seulement)</a></li>
                </ul>
                
                <h2><a href="#discussion">La page de discussion</a></h2>
                <ul>
                    <li><a href="#discussionCreation">Création de Messages</a></li>
                    <li><a href="#discussionDelete">Suppression de Messages</a></li>
                </ul>
                
                <a href="#pageCompte">La page de compte</a>
                <ul>
                    <li><a href="#compteInfos">Les informations générales</a></li>
                    <li><a href="#compteCours">La liste de cours</a></li>
                    <li><a href="#compteMsg">Centre de messagerie</a></li>
                    <li><a href="#compteSupp">Suppression de messages</a></li>
                    <li><a href="#compteEnvoiMsg">Envoi de message</a></li>
                    <li><a href="#compteRechDest">Recherche de destinataires</a></li>
                </ul>

                <a href="#pageCours">La page de cours</a>
                <ul>
                    <li><a href="#coursInfo">Les informations générales</a></li>
                    <li><a href="#coursDiscussion">La liste des discussions</a></li>
                    <li><a href="#coursMembres">La liste des membres du cours</a></li>
                    <li><a href="#coursEnvoiMsg">Envoi de message</a></li>
                </ul>

                <a href="#pageGestionCompte">La page de gestion de comptes</a>
                <ul>
                    <li><a href="#gestionCompteRech">La recherche de comptes</a></li>
                    <li><a href="#gestionCompteModif">Modifications des données</a></li>	
                    <li><a href="#gestionCompteAjout">Ajout de compte</a></li>
                    <li><a href="#gestionCompteCours">Gestion des cours d’un compte</a>	</li>
                </ul>

                <a href="#gestionCours">La page de gestion de cours</a>
                <ul>
                    <li><a href="#gestionCoursRech">La recherche de Cours</a></li>
                    <li><a href="#gestionCoursModif">Modifications des données</a></li>
                    <li><a href="#gestionCoursAjout">Ajout de Cours</a></li>
                    <li><a href="#gestionCoursEleves">Gestion des Élèves d’un cours</a></li>
                </ul>


                <a name="entete"><h1>L’Entête</h1></a>
                <img src="Images/aide_header.png"/><br/>
                L’entête se retrouve dans toutes les pages de l’application, à l’exception de la page de compte.<br/>
                Elle est divisée en quatre parties :
                <ul>
                    <li>La sélection de fond d’écran</li>
                    <li>L’espace de connexion</li>
                    <li>La navigation</li>
                    <li>La recherche</li>
                </ul>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="fondEcran"><h2>La sélection du fond d'écran</h2></a><br/>
                Si vous souhaitez changer l’image de fond d’écran de l’application, vous pouvez en sélectionner une autre parmi les choix présentés.<br/>
                Pour sélectionner une nouvelle image, vous n’avez qu’à cliquer sur  l’icône correspondante.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="connexion"><h2>L'espace de connexion</h2></a><br/>
                <h3>Non connecté</h3><br/>
                <img src="Images/aide_header_login.png"/><br/>
                Lorsque vous n’êtes pas connecté, l’espace de connexion vous permet d’entrer votre nom d’usager et votre mot de passe afin de vous connecter.<br/>
                Dans cette situation, se connecter est la seule fonction de cet espace.
                <h3>Connecté</h3><br/>
                <img src="Images/aide_header_connecte.png"/><br/>
                Étant connecté, vous pouvez maintenant voir votre nom de compte ainsi que le nombre de messages non lus associés à votre compte.<br/>
                Vous avez aussi à votre disposition un bouton pour accéder à la page de votre un compte ainsi qu’un bouton vous permettant de vous déconnecter.<br/>
                Prenez note qu’en se déconnectant, vous serez retourné à la page d’accueil.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="navigation"><h2>La navigation</h2></a><br/>
                <h3>Barre de navigation pour les administrateurs</h3><br/>
                <img src="Images/aide_header_navig_admin.png"/><br/>
                <br/>
                <h3>Barre de navigation pour tous les autres</h3><br/>
                <img src="Images/aide_header_navig_base.png"/><br/>
                <br/>
                La navigation contient les liens vers les différentes pages de l’application, à l’exception des pages de compte et de cours.<br/>
                Les liens disponibles dépendent de si vous êtes connecté et de votre type de compte. Les liens vers l’accueil et l'aide sont toujours<br/>
                présent mais ceux vers la gestion de compte et la gestion de cours sont réservés pour les administrateurs.<br/><br/>

                Afin de naviguer à travers les différentes sous-sections et discussions, vous pouvez utiliser le menu de navigation flottant.<br/>
                Pour le faire apparaître, vous devez mettre votre curseur par-dessus le lien vers l’accueil. Le menu flottant contient<br/>
                à la base la liste des sous-sections, mais en mettant votre curseur au-dessus du titre d’une sous-section,<br/>
                un sous-menu flottant apparaîtra, contenant la liste des discussions de la sous-section.<br/>
                Chaque titre de sous-section et de discussion est un lien vous permettant d’accéder à la page correspondante simplement en le cliquant.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="recherche"><h2>La recherche</h2></a>
                Le champ de recherche vous permet de trouver les discussions contenant, soit dans leurs messages ou leur titre, le texte que vous avez entré dans le champ.<br/>
                Afin d’exécuter la recherche, entrez du texte dans le champ et appuyant sur la touche « Entré » ou sur la loupe à la droite du champ.<br/>
                Notez que si le champ est vide, toutes les discussions seront retournées.<br/><br/> 
                <a href="#haut">Retour en haut de la page</a><br/><br/>
               
                <a name="accueil"><h1>La page d'accueil</h1></a>
                <img src="Images/aide_accueil.png"/><br/>
                La page d’accueil est divisée en 2 sections :
                <ul>
                    <li>La liste des sections</li>
                    <li>La liste des messages récents</li>
                </ul>
                La liste des sections contient d’abord et avant tout la liste complète des titres des sections, ainsi que la liste de chacun de leurs sous-sections.<br/>
                Notez qu’en cliquant sur la ligne séparent le titre de la section et la liste de ses sous-sections, vous pouvez faire apparaître ou disparaître la liste<br/>
                de sous-sections associée, dépendamment de si elle était visible ou non au préalable.<br/><br/>
                
                La liste des messages récents contient la liste des 10 discussions ayant le plus récemment eu un nouveau message qui leur a été ajouté.<br/>
                Les discussions sont représentées par leur titre, la personne ayant écrit le dernier message ainsi que la date de ce dernier ajout.<br/>
                Chacun de ces titres consiste en un lien vers la discussion en question et la liste peut être cachée en cliquant sur la barre de séparation entre le titre<br/>
                de la section et la liste des discussions.<br/><br/>

                <a name="resultats"><h1>La page de résultats</h1></a>
                <img src="Images/aide_resultats.png"/><br/>
                La page de résultats contient les liens vers les différentes discussions qui correspondent au critère de recherche. Notez que la recherche se fait dans<br/>
                le titre d’une discussion ainsi que dans ses messages.<br/><br/>
                
                <a name="sousSection"><h1>La page de sous-section</h1></a>
                <img src="Images/aide_sousSection.png"/><br/>
                La page de sous-section affiche d’abord et avant tout la liste des différentes discussions associées à la sous-section dans laquelle on se trouve.<br/>
                Les informations affichées sont :<br/>
                <ul>
                    <li>Le titre de la discussion</li>
                    <li>Le nombre de messages</li>
                    <li>Le nombre de vues</li>
                    <li>Le créateur du dernier message</li>
                </ul>
                L’option de base, disponible à tous, est de pouvoir accéder à une discussion en cliquant sur son titre. Les boutons affichés dépendent du type de compte<br/>
                auquel vous êtes connectés.<br/><br/>

                <a name="sousSectionCreation"><h2>Création de discussion(élève, professeur et administrateur)</h2></a>
                <img src="Images/aide_sousSection_creation.png"/><br/>
                Pour créer une discussion, vous devez d’abord cliquer sur le bouton de création de discussion. Une fenêtre apparaîtra. Pour créer la discussion,<br/>
                vous n’avez qu’à remplir les champs de titre ainsi que le message initial de la discussion et puis cliquer sur le bouton « Soumettre ».<br/>
                Vous avez aussi l’option de relier cette nouvelle discussion à l’un des cours auquel vous êtes inscrits pour la marquer comme discussion appartenant à ce cours.<br/><br/>

                <a name="sousSectionDelete"><h2>Supression de discussions (administrateur seulement)</h2></a>
                Pour supprimer des discussions, simplement cocher celles que vous désirez supprimer et cliquez sur le bouton de suppression.<br/>
                Les discussions seront alors retirées de la liste.<br/><br/>
                
                <a name="souSectionDeplace"><h2>Déplacement de discussions(administrateur seulement)</h2></a>
                <img src="Images/aide_sousSection_deplace.png"/><br/>
                Pour déplacer des discussions dans une autre sous-section, vous devez d’abord cocher les discussions souhaitées, puis cliquer sur le bouton de<br/>
                déplacement de discussions. Une fenêtre apparaîtra. La fenêtre contiendra la liste des discussions choisies ainsi qu’une liste leur étant associée<br/>
                contenant la liste des sous-sections disponibles. Sélectionnez pour chacune des discussions la destination parmi la liste qui leur est associée,<br/>
                puis cliquez sur le bouton « Soumettre » pour effectuer le déplacement.<br/><br/>
                
                <a name="sousSectionVerrou"><h2>Verrouillage de discussions (administrateur seulement)</h2></a>
                <img src="Images/aide_sousSection_verrou.png"/><br/>
                Le verrouillage d’une discussion consiste à empêcher l’ajout de messages dans une discussion pour quelqu’un d’autre qu’un administrateur.<br/>
                Pour verrouiller une discussion, vous devez d’abord cocher les discussions souhaitées, puis cliquer sur le bouton de verrouillage.<br/>
                Une fenêtre apparaîtra, affichant la liste des discussions associées à une liste de leurs états. Vous n’avez qu’à sélectionner l’état souhaité<br/>
                pour chacune des discussions, puis cliquer sur le bouton « Soumettre » pour verrouiller ou déverrouiller les discussions selon vos choix.<br/><br/>

                <a name="discussion"><h1>La page de discussion</h1></a>
                <img src="Images/aide_discussion.png"/><br/>
                La page de discussions affiche d’abord et avant tout la liste des différents messages associés à une discussion. Les messages affichent trois informations :<br/>
                <ul>
                    <li>La date de l’écriture du message</li>
                    <li>Le nom et le statut/domaine de la personne l’ayant écrit</li>
                    <li>Le message lui-même</li>
                </ul>
                Les élèves et les professeurs accès à la création de message, mais si la discussion à été verrouillée par un administrateur, alors l’accès à cette<br/>
                fonctionnalité leur sera bloquée. Les administrateurs ont toujours accès à la création et la suppression de messages.<br/><br/>
                
                <a name="discussionCreation"><h2>Création de message</h2></a>
                <img src="Images/aide_discussion_creation.png"/><br/>
                Pour créer une discussion, vous devez d’abord cliquer sur le bouton de création de discussion. Une fenêtre apparaîtra. Pour créer la discussion,<br/>
                vous n’avez qu’à remplir le champ de message puis cliquer sur le bouton « Soumettre ». <br/><br/>

                <a name="discussionDelete"><h2>Suppression de messages</h2></a>
                Pour supprimer des discussions, simplement cocher celles que vous désirez supprimer et cliquez sur le bouton de suppression.<br/>
                Les discussions seront alors retirées de la liste.<br/><br/>
                
                <a name="pageCompte"><h1>La page de compte</h1></a>
                <img src="Images/aide_compte.png"/><br/>
                La page de compte contient les informations sur votre compte, le centre messagerie ainsi que la liste des cours auxquels vous êtes inscrits,<br/>
                si vous êtes un élèves, ou ceux que vous enseignez, si vous êtes un professeur. Un administrateur n’aura pas de cours dans cette liste,<br/>
                mais elle sera tout de même présente.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="compteInfos"><h1>Les informations générales</h1></a>
                Vous trouverez dans cette section toutes les informations à propos de votre compte :
                <ul>
                    <li>Nom complet</li>
                    <li>Code permanent</li>
                    <li>Sexe</li>
                    <li>Courriel</li>
                    <li>Domaine d’étude</li>
                    <li>Statut</li>
                </ul>

                <a name="compteCours"><h1>La liste de cours</h1></a>
                Vous trouverez dans cette section la liste des cours auxquels vous êtes inscrits ou dont vous êtes le professeur.<br/>
                Seules les informations de base sont affichées et un bouton est associé à chacun des cours afin de pouvoir accéder à la page du cours.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="compteMsg"><h1>Centre de messagerie</h1></a>
                <img src="Images/aide_compte_lecture.png"/><br/>
                Vous trouverez dans cette section la liste des messages associé à votre compte. Un icône d’enveloppe vous indique si le message<br/>
                à été lu selon si elle est ouverte (lu) ou fermée (non lu). S’il y a plus de 20 messages, les messages seront divisés en pages,<br/>
                avec 20 messages par page. Vous pouvez cliquer sur les icônes de flèches pour changer de page. Afin de lire le message,<br/>
                cliquez sur le titre de la discussion et une fenêtre de lecture apparaîtra contenant toutes les informations du message. <br/><br/>

                De cette fenêtre, vous pouvez aussi supprimer le message courant. Vous pouvez aussi sélectionner tous les messages en cochant<br/>
                la boîte dans les titres des colonnes. Pour tout désélectionner, simplement décocher cette boîte.<br/>
                Notez aussi que de décocher un message après avoir coché la boîte à cocher générale décoche cette dernière. <br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="compteSupp"><h1>Suppression de messages</h1></a>
                Pour supprimer des messages, mis-à-part à partir de la fenêtre de lecture des messages individuels, vous devez d’abord cocher<br/>
                les messages que vous souhaitez supprimer. Ensuite, appuyez sur le bouton de suppression de messages et les messages<br/>
                sélectionnés seront supprimés de votre messagerie.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="compteEnvoiMsg"><h1>Envoi de message</h1></a>
                <img src="Images/aide_compte_ecriture.png"/><br/>
                Pour envoyer un message, vous n’avez qu’à appuyer sur le bouton de nouveau message pour faire apparaître la fenêtre d’écriture.<br/>
                Afin de pouvoir envoyer un message, vous devez remplir le champ de titre et de message ainsi que déterminer qui seront les destinataires. <br/>
                Pour déterminer les destinataires, vous devez d’abord cliquez sur le bouton de recherche de destinataires pour ouvrir la<br/>
                fenêtre de recherche (prochaine section). Quand les destinataires, le titre et le message ont été entrés, cliquez sur le<br/>
                bouton « Envoyer » pour envoyer le message. <br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="compteRechDest"><h1>Recherche de destinataires</h1></a>
                <img src="Images/aide_compte_dest.png"/><br/>
                Pour rechercher un destinataire, vous n’avez qu’à entrer son nom ou nom d’usager dans le champ de recherche ainsi que choisir<br/>
                son statut (élève, professeur ou administrateur), puis cliquer sur le bouton « Rechercher ».  La liste des résultats est<br/>
                affichée dans la colonne de gauche et s’il n’y a aucun compte correspondant à la recherche, il sera écrit « ***Aucun résultats trouvés*** ».<br/>
                Les comptes désactivés ne seront pas retournés par la recherche.<br/><br/>

                Pour choisir un destinataire, simplement cliquer sur son nom dans la liste des résultats et il sera ajouté à la liste des destinataires,<br/>
                la colonne de droite. S’il est déjà un destinataire, cliquer sur son nom dans les résultats ne fera rien. <br/><br/>

                Pour enlever un destinataire, cliquez sur son nom dans la liste des destinataires et il ne fera plus partie de la liste.<br/>
                Cliquez sur le bouton « Accepter » pour accepter la liste de destinataires, qui se retrouveront par la suite dans la fenêtre d’envoi de message.<br/>
                Notez que si vous revenez sur cette fenêtre pour le même message et qu’il a déjà des destinataires, ceux-ci seront<br/>
                déjà dans la liste des destinataires.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="pageCours"><h1>La page de cours</h1></a>
                La page de cours contient les informations sur le cours présent, la liste de ses membres ainsi que la liste des discussions auxquelles le cours est associé.<br/><br/>
                <img src="Images/aide_cours.png"/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>


                <a name="coursInfo"><h1>Les informations générales</h1></a>
                Vous trouverez dans cette section toutes les informations à propos du cours présent :<br/>
                <ul>
                    <li>Le titre du cours</li>
                    <li>Le code du cours</li>
                    <li>Le numéro du groupe</li>
                </ul>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="coursDiscussion"><h1>La liste des discussions</h1></a>
                Vous trouverez dans cette section la liste des discussions associées au cours présent.<br/>
                Pour accéder à la page de la discussion, vous devez cliquer sur le titre de la discussion souhaitée.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="coursMembres"><h1>La liste des membres du cours</h1></a>
                Vous trouverez dans cette section la liste de tous les membres du cours, incluant le professeur. Dans la liste, un icône représente le statut<br/>
                du compte, soit élève ou professeur, mais le professeur est toujours le premier dans la liste. Afin d’avoir plus d’informations sur les membres,<br/>
                simplement cliquer sur leur nom et une fenêtre d’information apparaîtra. <br/><br/>

                Vous pouvez aussi sélectionner tous les membres en cochant la boîte dans les titres des colonnes. Pour tout désélectionner, simplement<br/>
                décocher cette boîte. Notez aussi que de décocher un membre après avoir coché la boîte à cocher générale décoche cette dernière.<br/><br/>
                À partir de la liste, vous pouvez aussi envoyer  un message aux membres du groupe sélectionnés. Simplement cliquer sur le bouton<br/>
                d’envoi de message après avoir sélectionné les destinataires parmi les membres. <br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="coursEnvoiMsg"><h1>Envoi de message</h1></a>
                <img src="Images/aide_cours_msg.png"/><br/>
                Les membres sélectionnés au préalable sont déjà dans la liste de destinataires et pour modifier cette liste vous devez fermer la fenêtre<br/>
                et sélectionner les nouveaux destinataires dans la liste des membres. Afin d’envoyer le message, vous devez remplir le champ<br/>
                de titre et de message, puis cliquer sur le bouton « Envoyer ».<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="pageGestionCompte"><h1>La page de gestion de comptes</h1></a>
                <img src="Images/aide_gestCompte.png"/><br/>
                Cette page n’est accessible que par les administrateurs et leur permet de créer ou modifier les différents comptes dans le système.<br/>
                À la base, aucun compte n’est affiché; il faut que l’administrateur fasse une recherche préalablement.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCompteRech"><h1>La recherche de comptes</h1></a>
                Pour faire une recherche de comptes, vous devez remplir les critères souhaités, puis appuyer sur le bouton de recherche.<br/>
                Les critères de recherche sont les suivants :<br/>
                <ul>
                    <li>Nom d’usager</li>
                    <li>Nom complet</li>
                    <li>Code permanent</li>
                    <li>Sexe</li>
                    <li>Statut</li>
                    <li>Domaine d’étude</li>
                </ul>
                Si aucun critère n’est entré, tous les comptes sont retournés comme résultats. Si la recherche retourne plus de 20 résultats,<br/>
                ceux-ci sont divisés en pages, avec 20 comptes par page. Pour naviguer entre les pages, utilisez les flèches de navigations sous l’espace des résultats<br/><br/>   
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCompteModif"><h1>Modifications des données</h1></a>
                Pour modifier les données, simplement faire les modifications directement dans les résultats. Cliquez ensuite sur le bouton <br/>
                « Sauvegarder les modifications » afin de sauvegarder les changements faits aux résultats. Notez que les comptes ne peuvent<br/>
                pas être supprimés via l’application, mais peuvent plutôt être désactivés.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCompteAjout"><h1>Ajout de compte</h1></a>
                <img src="Images/aide_gestCompte_nouveau.png"/><br/>
                Pour ajouter un compte, vous devez accéder à la fenêtre de création de compte en cliquant sur le bouton « Nouveau compte ».<br/>
                Vous devez ensuite remplir les différents champs du formulaire, puis cliquer sur le bouton de soumission pour ajouter le compte à la base de données. <br/>
                Veuillez cependant prendre note de certaines contraintes dans le formulaire de création :<br/>
                <ol>
                    <li>Vous devez remplir tous les champs obligatoires.</li>
                    <li>Le nom d’usager ne doit pas être déjà utilisé par un autre compte.</li>
                    <li>Les deux champs de mots de passe doivent être identiques.</li>
                    <li>Le courriel doit avoir un format valide.</li>
                </ol>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCompteCours"><h1>Gestion des cours d’un compte</h1></a>
                <img src="Images/aide_gestCompte_inscription.png"/><br/>
                Pour gérer les cours auxquels un compte est inscrit, vous devez d’abord sélectionner un des résultats, puis cliquer sur le bouton<br/> 
                de gestion des cours. Cela ouvrira la fenêtre de gestion de l’inscription. Les cours auxquels le compte est déjà inscrit<br/>
                sont déjà affichés dans la colonne des inscrits.<br/><br/>

                Pour ajouter des cours à la liste des inscrits, vous devez d’abord exécuter une recherche de cours. Pour ce faire, entrez un titre<br/>
                dans le champ de recherche ainsi qu’un domaine d’étude où faire la recherche, puis cliquez sur le bouton de recherche.<br/>
                Pour choisir un cours, simplement cliquer sur son titre dans la liste des résultats et il sera ajouté à la liste<br/>
                des inscrits, la colonne de droite. S’il est déjà dans les inscrits, cliquer sur son titre dans les résultats ne fera rien.<br/>
                Pour enlever un cours de la liste des inscrits, cliquez sur son nom dans la liste et il sera enlevé. <br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>            

                <a name="gestionCours"><h1>La page de gestion de cours</h1></a>
                <img src="Images/aide_gestCours.png"/><br/>
                Cette page n’est accessible que par les administrateurs et leur permet de créer ou modifier les différents cours dans le système.<br/>
                À la base, aucun cours n’est affiché; il faut que l’administrateur fasse une recherche préalablement.<br/>
                Notez que toutes les listes de professeurs sont remplies selon le domaine sélectionné dans la liste associée.<br/>
                Changer le domaine dans une liste change donc sa liste de professeur pour ceux dans ce domaine.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCoursRech"><h1>La recherche de Cours</h1></a>
                Pour faire une recherche de cours, vous devez remplir les critères souhaités, puis appuyer sur<br/>
                le bouton de recherche. Les critères de recherche sont les suivants :<br/>
                <ul>
                    <li>Titre du cours
                    <li>Code du cours
                    <li>Domaine d’étude
                </ul>
                Si aucun critère n’est entré, tous les cours sont retournés comme résultats. Si la recherche retourne plus de 20 résultats,<br/>
                ceux-ci sont divisés en pages, avec 20 cours par page. Pour naviguer entre les pages, utilisez les flèches de navigations<br/>
                sous l’espace des résultats. Vous pouvez aussi naviguer vers la page d’un cours en le sélectionnant et en cliquant sur<br/>
                le bouton « Accéder au cours ».<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCoursModif"><h1>Modifications des données</h1></a>
                Pour modifier les données, simplement faire les modifications directement dans les résultats. Cliquez ensuite sur le bouton<br/>
                « Sauvegarder les modifications » afin de sauvegarder les changements faits aux résultats.<br/>
                Notez que les cours ne peuvent pas être supprimés via l’application, mais peuvent plutôt être désactivés.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCoursAjout"><h1>Ajout de Cours</h1></a>
                <img src="Images/aide_gestCours_nouveau.png"/><br/>
                Pour ajouter un cours, vous devez accéder à la fenêtre de création de cours en cliquant sur le bouton « Nouveau cours ».<br/>
                Vous devez ensuite remplir les différents champs du formulaire, puis cliquer sur le bouton de soumission pour ajouter le cours à la base de données.<br/><br/> 
                <a href="#haut">Retour en haut de la page</a><br/><br/>

                <a name="gestionCoursEleves"><h1>Gestion des Élèves d’un cours</h1></a>
                <img src="Images/aide_gestCours_inscription.png"/><br/>
                Pour gérer les élèves d’un cours, vous devez d’abord sélectionner un des résultats, puis cliquer sur le bouton de gestion des élèves.<br/>
                Cela ouvrira la fenêtre de gestion de l’inscription. Les élèves faisant déjà partie du cours sont déjà affichés dans la colonne des inscrits.<br/><br/>

                Pour ajouter des élèves à la liste des inscrits, vous devez d’abord exécuter une recherche de cours. Pour ce faire, entrez un nom dans<br/>
                le champ de recherche et cliquez sur le bouton de recherche. Pour choisir un élève, simplement cliquer sur son nom dans la liste<br/>
                des résultats et il sera ajouté à la liste des inscrits, la colonne de droite. S’il est déjà dans les inscrits,<br/>
                cliquez sur son titre dans les résultats ne fera rien. Pour enlever un élève de la liste des inscrits, cliquez sur son nom dans la liste et il sera enlevé.<br/><br/>
                <a href="#haut">Retour en haut de la page</a><br/><br/>
                               
            </div>
        </div>
    </body>
</html>
